<template>
<div>
    <p>name: {{name}} <input type="text" v-model="name"> </p>
    <p>age: {{age}} <input type="text" v-model="age"> </p>
</div>
</template>

<script>
import { ref,watchEffect } from "vue";

export default {
  setup() {
    let name = ref("Hydra");
    let age = ref(35);

    watchEffect(() => {
        console.log("name = ",name.value);
    })

    watchEffect(() => {
        console.log("age = ",age.value)
    })
    return {name,age};
  },
};
</script>

<style>
</style>